﻿<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                选择供应商
            </div>
        </div>
    </div>
    <div class="portlet-body">

        <form class="form-horizontal">
            <div class="row">
                <div class="col-xs-5 form-group">
                    <label for="inputPassword3" class="col-sm-5 control-label">供应商：</label>
                    <div class="col-sm-7">
                        <input type="text" class="form-control" ng-model="vendor.vendorName" placeholder="供应商">
                    </div>
                </div>
                <div class="form-group col-xs-5">
                    <label for="inputEmail3" class="col-sm-5 control-label">公司缩写：</label>
                    <div class="col-sm-7">
                        <input type="text" class="form-control" ng-model="Combination" placeholder="公司缩写">
                    </div>
                </div>
                <div class="form-group col-xs-2">
                    <button type="button" class="btn btn-primary btn-raised" ng-click="btnSearch_Click()">
                        <i class="fa fa-search"></i>
                        查询
                    </button>
                </div>
            </div> 
        </form>  
        <div class="col-xs-12">
            <div class="table-scrollable table-scrollable-borderless">
                <table class="table table-hover table-light col-xs-12">
                    <thead>
                        <tr class="active">
                            <th>操作</th>
                            <th>公司名称</th>
                            <th>公司缩写</th>
                            <th>联系地址</th>
                            <th>联系人</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="vendor in vendorList">
                            <td>
                                <a class="btn-link" ng-click="btnSelect_Click(vendor)">选择</a>
                            </td>
                            <td>{{vendor.companyName}}</td>
                            <td>{{vendor.combination}}</td>
                            <td>{{vendor.companyAddress}}</td>
                            <td>{{vendor.contactPersion}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="col-xs-12">
            <div class="pager">
                <div class="btn-group-sm pull-left">
                    <button class="btn btn-raised" ng-disabled="pager.isFirst()">
                        <i class="fa fa-step-backward"></i>
                    </button>
                    <button class="btn btn-raised" ng-disabled="pager.isFirst()">
                        <i class="fa fa-caret-left"></i>
                    </button>
                    <input class="form-control" type="text" ng-model="pager.page" ng-change="pageChange()" />
                    <span>
                        / {{pager.pages}}
                    </span>
                    <button class="btn btn-raised" ng-disabled="pager.isLast()">
                        <i class="fa fa-caret-right"></i>
                    </button>
                    <button class="btn btn-raised" ng-disabled="pager.isLast()">
                        <i class="fa fa-step-forward"></i>
                    </button>
                    <select class="form-control" name="pgSize" ng-model="pager.limit" ng-change="pageSizeChange()" ng-options="pgSize as pgSize for pgSize in pageSizeList"></select>
                    <span>行每页</span>
                </div>

                <div class="pull-right">
                    <span>
                        {{pager.range.start}} - {{pager.range.end}}  共 {{pager.total}} 行
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
